<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>
    <style>
        .font {
            font-size: 70px;
            /* 倾斜样式 normal为正常样式*/
            font-style: italic;
            /* bold为加粗效果700px normal为正常样式400px */
            /* font-weight: bold; */
            font-weight: 900;
        }
        em {
            font-style: normal;
        }
        h6 {
            /* font-family设置字体样式，注意用单引号标注''， */
            /* 例可用字体'Microsoft YaHei','黑体'  最后都没有用sans-serif非衬线字体显示*/
            font-family: 'Microsoft YaHei',sans-serif;
        }
    </style>
</head>

<body>
    <h6>黑体</h6>
    <p class="font">字体设置</p>
    <!-- em为倾斜标签 -->
    <em>这是倾斜的文字</em>
</body>
</html>